import { createRouter, createWebHistory } from 'vue-router';

/**
 * 路由配置
 * 使用Vue Router进行路由管理，包含主路由和子路由
 */
const routes = [
  {
    // 根路由
    path: '/',
    // 布局组件，作为子路由的容器
    component: () => import('../views/Layout.vue'),
    // 子路由配置
    children: [
      {
        // 默认路由，显示待办事项列表
        path: '',
        name: 'TodoList',
        component: () => import('../views/TodoList.vue'),
      },
      {
        // 统计页面路由
        path: 'stats',
        name: 'Stats',
        component: () => import('../views/Stats.vue'),
      },
    ],
  },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

export default router;
